/**
 * 
 * "customize-cra": "^1.0.0", # 主题配置/按需加载
    "esbuild": "^0.24.0",
    "less": "^4.2.0", # 主题配置
    "less-loader": "^12.2.0", # 主题配置
    "react-app-rewired": "^2.2.1",
 */

/**
 * yarn add react-app-rewired customize-cra // 主题配置
 * 
 * yarn add babel-plugin-import // babel-plugin-import 是一个用于按需加载组件代码和样式的 babel 插件
 * 
 */

const { override, fixBabelImports, addLessLoader } = require('customize-cra');

module.exports = override(
    // 按需加载 yarn add babel-plugin-import
    fixBabelImports('import', {
        libraryName: 'antd4',
        libraryDirectory: 'es',
        style: true, // 自定义主题: yarn add less less-loader
    }),
    // 主题配置 yarn add react-app-rewired customize-cra // 自定义主题: yarn add less less-loader
    // 利用了 less-loader 的 modifyVars 来进行主题配置
    addLessLoader({
        javascriptEnabled: true,
        modifyVars: { '@primary-color': '#1DA57A' }, // 绿色的按钮
    })
);
